<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>综合练习</title>
		<style>
			body{
				font: 12px "simhei",Arial,Helvetica,sans-serif;
				color: #666;
			}
			body>div{
				width: 375px;
				height: 376px;
				background-color: #e8e8e8;
				background-image: url("http://doc.vrd.net.cn/tstore_v1/images/itemCat/study_computer_img2.png");
				background-size: 292px 232px;
				background-repeat: no-repeat;
				background-position: 90% 90%;
				/* 解决粘连问题 */
				overflow: hidden;
			}
			body>div>div{
				width: 253px;
				height: 232px;
				margin:39px 0 0 25px;
			}
			#titel_p{
				font-size: 2rem;
				color:#333;
				margin:0 0 0.75rem 0;
			}
			#intro_p{
				font-size: 0.75rem;
				margin-bottom: 1.5rem;
			}
			#price_p{
				font-size: 1.5rem;
				color: #0aa1ed;
				margin-bottom: 0.75rem;
			}
			a{
				width: 132px;
				height: 40px;
				font-size: 20px;
				color: white;
				text-decoration: none;
				text-align: center;
				line-height: 40px;
				border-radius: 5px;
				background-color: #0aa1ed;
				display: block;
			}
		</style>
	</head>
	<body>
		<div>
			<div>
				<p id="titel_p">颜值 框不住</p>
				<p id="intro_p">酷睿双核i5处理器|256GB SSD| 8GB内存<br>
					英特尔HD显卡620含共享显卡内存</p>
				<p id="price_p">￥6888.00</p>
				<a href="">查看详情</a>
			</div>
		</div>
	</body>
</html>